<script setup>
import { ref } from 'vue'
import CustomTabBar from '@/components/CustomTabBar.vue'

console.log('position页面加载成功')
const currentTabIndex = ref(0)
</script>

<template>
	<view class="container">
		<view class="content">
			<text>求职者 - 职位页面</text>
			<text>当前显示第 {{ currentTabIndex + 1 }} 个tab</text>
		</view>
		<CustomTabBar :currentIndex="currentTabIndex" />
	</view>
</template>

<style>
.container {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.content text {
	font-size: 16px;
	color: #333;
	margin: 5px 0;
}
</style>